<template>
  <div>
    <Swiper class="swiper-detail">
      <SwiperItem v-for="(item,index) in topImages" :key="index">
        <img :src="item">
      </SwiperItem>
    </Swiper>
  </div>
</template>
<script>
import {Swiper, SwiperItem} from '@/components/common/swiper/index'
export default {
  name:'SwiperDetail',
  components:{
    Swiper,
    SwiperItem,
  },
  props:{
    topImages:{
      type:Array,
      default:[],
    }

  }
}
</script>
<style scoped>
.swiper-detail{
  height: 300px;
  overflow: hidden;
}
</style>